<template>
<div>
    <footer class="footer all">
    <!-- 底部logo -->
    <div class="" id="footer_logo">
      <ul>
        <li><img src="../assets/home_img/logo.png" alt=""></li>
        <li id="character">
          <a class="disabled" href="#">不挂</a>
          <a class="disabled" href="#">work together</a>
        </li>
      </ul>
    </div>
    <!-- 关于我们 -->
    <div class="links">
      <dl>
        <dt>关于我们</dt>
        <dd><a href="#">关于不挂</a></dd>
        <dd><a href="#">网络信息侵权通知指引</a></dd>
        <dd><a href="#">隐私政策</a></dd>
        <dd><a href="#">服务协议</a></dd>
        <dd><a href="#">联系我们</a></dd>
        <dd><a href="#">加入不挂</a></dd>
      </dl>
      <dl>
        <dt>帮助&支持</dt>
        <dd><a href="#">软件问题</a></dd>
        <dd><a href="#">用户帮助</a></dd>

      </dl>
    </div>
  </footer>
</div>
</template>


<script>
export default {
 
}
</script>

<style scoped>
@import url("../utils/bootstrap/css/bootstrap.min.css");
.all {
    width: 1366px;
    margin: 0 auto;
}
a {
    text-decoration: none !important;
}
li {
    list-style: none;
}
.disabled {
    pointer-events: none;
    cursor: default;
}
.footer {
    padding: 0;
    position: relative;
    background-color: #262626;
    border-radius: 0;
    height: 236px;
    /* margin-top: 133px; */
}
#footer_logo {
    position: absolute;
    width: 200px;
    height: 77px;
    top: 31px;
    left: 221px;
}
.links {
    position: absolute;
    height: 236px;
    left: 560px;
    top: 0;
    
}
.links dl {
    
    float: left;
    margin-left: 100px;
    width: 208px;
    height: 205px;
    margin-left: 0;
    margin-bottom: 0;
    padding-top: 31px;
}
.links dl dt {
    font-family: 'MicrosoftYaHeiUI';
    font-weight: 700;
    font-size: 16px;
    color:#ffffff;
    padding-bottom: 30px;

}
.links dl dd a{
    display: block;
    font-family: "Microsoft YaHei UI";
    font-size: 14px;

    color: #979494;
}
.links dl dd{
    height: 24px;
    font-size:14px;
}
#charcater {
    position: relative;
}
#character a:first-child {
    display: block;
    position: absolute;
    font-size: 36px;
    color: #ffffff;
    font-family: 'AdobeHeitiStd-Regular';
    left: 93px;
    top: 5px;
}
#character a:last-child {
    display: block;
    position: absolute;
    font-size: 18px;
    color: #ffffff;
    font-family: 'MVBoli';
    font-style: italic;
    left: 79px;
    top: 55px;
}
</style>